<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="rem.js"></script>
    <link rel="stylesheet" href="css/reset.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4081050_0oo6osp17nhq.css?spm=a313x.7781069.1998910419.52&file=font_4081050_0oo6osp17nhq.css">
</head>
<body>
    <div class="wrapper">
        <header>
            <a href="#">
                <img src="images/leftlogo_03.png" alt="">
            </a>
            <span>趣拼</span>
            <a href="#">
                <img src="images/rightlogo_05.png" alt="">
            </a>
        </header>
        <section>
            <ul class="nav">
                <li class="active">热门</li>
                <li>约游玩</li>
                <li>约吃饭</li>
                <li>约唱歌</li>
                <li>约电影</li>
                <li>约运动</li>
            </ul>
            <div class="list">
                <div class="item">
                    <div class="itemTop">
                        <div class="itema">
                            <img src="images/111_20_20.png" alt="">
                            <p>鱼骨头</p>
                            <h3>拼饭</h3>
                        </div>
                        <div class="itemb">
                            <h2>想约你吃饭</h2>
                            <ul>
                                <li>数据库多长时间大城市段</li>
                                <li>数据库多长时间城市段</li>
                                <li>数据库多长段</li>
                            </ul>
                        </div>
                        <span>3分钟前</span>
                    </div>
                    <div class="itemBottom">

                    </div>
                </div>
                <div class="item">
                    <div class="itemTop">

                    </div>
                    <div class="itemBottom">
                        
                    </div>
                </div>
                <div class="item">
                    <div class="itemTop">

                    </div>
                    <div class="itemBottom">
                        
                    </div>
                </div>
                <div class="item">
                    <div class="itemTop">

                    </div>
                    <div class="itemBottom">
                        
                    </div>
                </div>
                <div class="item">
                    <div class="itemTop">

                    </div>
                    <div class="itemBottom">
                        
                    </div>
                </div>
            </div>

        </section>
        <ul class="footer">
                <li class="active">
                    <span class="iconfont icon-reqiqiu"></span>
                    <i>趣拼</i>
                </li>
                <li>
                    <span class="iconfont icon-faxian"></span>
                    <i>发现</i>
                </li>
                <li>
                    <span class="iconfont icon-xiaoxi"></span>
                    <i>消息</i>
                </li>
                <li>
                    <span class="iconfont icon-jinjilianxiren"></span>
                    <i>联系人</i>
                </li>
                <li>
                    <span class="iconfont icon-wode"></span>
                    <i>我</i>
                </li>
        </ul>
    </div>
</body>
</html>